<template>
    <el-page-header @back="goBack" :icon="ArrowLeft" title="返回">
    </el-page-header>
</template>

<script setup>
import { ref, reactive, onMounted } from 'vue'
/**
 * @Author dingxing [2023-03-02 14:58:28]
 * @Description 
 */
import { ArrowLeft } from '@element-plus/icons-vue'
const goBack = () => {
    window.history.back();
};
</script>

<style lang="less" scoped>
.el-page-header {
    position: fixed;
    top: 0;
    left: 0.3rem;
    :deep(.el-page-header__header) {
        height: 0.8rem;
        line-height: 0.8rem;
        .el-page-header__title {
            display: none;
        }
        .el-page-header__icon {
            font-size: 1rem;
        }

        svg {
            width: 0.4rem;
        }
    }
    :deep(.el-divider)  {
            display: none;
    }
   
}
</style>